<div style="clear: both;opacity:0.9;" id="reportesMenu">
  <!-- HEADER BARRA PANEL -->
  <div class="barraPanel" style="text-align: left;">
	      <div class="gripPanel"></div>
	      <div class="tituloPanel">Reportes</div>
	      <div id="cerrarReportes" class="tituloPanel" style="text-align: right; width: 82%; text-transform: none;"><a href="javascript:" onclick="cerrarTodosReportes();" title="Cerrar todos los reportes">Cerrar todos</a></div>
	      <span class="btnBarra"><a title="Ocultar Panel" onclick="closeReportsMenu();" class="eliminar" href="javascript:"></a></span>
  </div>
   	<!-- reportes_content -->
    <div id="reportes_content" style="display:none; overflow:hidden; clear:both;" >
      <!-- ReportesListScroll -->
      <div id="ReportesListScroll" style="background:yellow;">
        <!-- LISTADO DE REPORTES -->
        <div id="divReportesList">
            <div>            
              <ul id="tabs"> <!-- class="ui-tabs ui-widget ui-corner-all"-->
                <!-- Tabs go here -->
              </ul>
              
              <div id="content">
                <!-- Tab content goes here -->
              </div>
            </div>
        </div>
      </div> <!-- End ReportesListScroll -->
    </div>  <!-- End reportes_content -->
</div>